aboutsummaryrefslogtreecommitdiffstats
path: root/src/pages/thematique/[slug].tsx
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2022-04-29 12:13:34 +0200
committerArmand Philippot <git@armandphilippot.com>2022-04-29 18:30:05 +0200
commit7e16f500cb7bc0cfd8bafbf6bb1555704f771231 (patch)
treebfc2b4a475cb06a787e2c4bdf284165644e82952 /src/pages/thematique/[slug].tsx
parent5324664e87bedfaa01ba62c0c847ef5b861e69b3 (diff)
chore: remove old pages, components, helpers and types
Since I'm using new components, I will also rewrite the GraphQL queries so it is easier to start from scratch.
Diffstat (limited to 'src/pages/thematique/[slug].tsx')
-rw-r--r--src/pages/thematique/[slug].tsx214
1 files changed, 0 insertions, 214 deletions
diff --git a/src/pages/thematique/[slug].tsx b/src/pages/thematique/[slug].tsx
deleted file mode 100644
index db22214..0000000
--- a/src/pages/thematique/[slug].tsx
+++ /dev/null
@@ -1,214 +0,0 @@
-import { getLayout } from '@components/Layouts/Layout';
-import PostHeader from '@components/PostHeader/PostHeader';
-import PostPreview from '@components/PostPreview/PostPreview';
-import Sidebar from '@components/Sidebar/Sidebar';
-import Spinner from '@components/Spinner/Spinner';
-import { RelatedTopics, ThematicsList, ToC } from '@components/Widgets';
-import {
- getAllThematics,
- getAllThematicsSlug,
- getThematicBySlug,
-} from '@services/graphql/queries';
-import styles from '@styles/pages/Page.module.scss';
-import { NextPageWithLayout } from '@ts/types/app';
-import { ArticleMeta } from '@ts/types/articles';
-import { TopicPreview, ThematicProps } from '@ts/types/taxonomies';
-import { settings } from '@utils/config';
-import { getFormattedPaths } from '@utils/helpers/format';
-import { loadTranslation } from '@utils/helpers/i18n';
-import { GetStaticPaths, GetStaticProps, GetStaticPropsContext } from 'next';
-import Head from 'next/head';
-import { useRouter } from 'next/router';
-import Script from 'next/script';
-import { ParsedUrlQuery } from 'querystring';
-import { useRef } from 'react';
-import { useIntl } from 'react-intl';
-import { Article, Graph, WebPage } from 'schema-dts';
-
-const Thematic: NextPageWithLayout<ThematicProps> = ({
- thematic,
- allThematics,
-}) => {
- const intl = useIntl();
- const relatedTopics = useRef<TopicPreview[]>([]);
- const router = useRouter();
-
- if (router.isFallback) return <Spinner />;
-
- const updateRelatedTopics = (newTopics: TopicPreview[]) => {
- newTopics.forEach((topic) => {
- const topicIndex = relatedTopics.current.findIndex(
- (relatedTopic) => relatedTopic.id === topic.id
- );
- const hasTopic = topicIndex === -1 ? false : true;
-
- if (!hasTopic) relatedTopics.current.push(topic);
- });
- };
-
- const getPostsList = () => {
- return [...thematic.posts].reverse().map((post) => {
- updateRelatedTopics(post.topics);
-
- return (
- <li key={post.id} className={styles.item}>
- <PostPreview post={post} titleLevel={3} />
- </li>
- );
- });
- };
-
- const meta: ArticleMeta = {
- dates: thematic.dates,
- results: thematic.posts.length,
- };
- const thematicUrl = `${settings.url}${router.asPath}`;
-
- const webpageSchema: WebPage = {
- '@id': `${thematicUrl}`,
- '@type': 'WebPage',
- breadcrumb: { '@id': `${settings.url}/#breadcrumb` },
- name: thematic.seo.title,
- description: thematic.seo.metaDesc,
- inLanguage: settings.locales.defaultLocale,
- reviewedBy: { '@id': `${settings.url}/#branding` },
- url: `${settings.url}`,
- };
-
- const publicationDate = new Date(thematic.dates.publication);
- const updateDate = new Date(thematic.dates.update);
-
- const articleSchema: Article = {
- '@id': `${settings.url}/#thematic`,
- '@type': 'Article',
- name: thematic.title,
- description: thematic.intro,
- author: { '@id': `${settings.url}/#branding` },
- copyrightYear: publicationDate.getFullYear(),
- creator: { '@id': `${settings.url}/#branding` },
- dateCreated: publicationDate.toISOString(),
- dateModified: updateDate.toISOString(),
- datePublished: publicationDate.toISOString(),
- editor: { '@id': `${settings.url}/#branding` },
- headline: thematic.title,
- inLanguage: settings.locales.defaultLocale,
- isPartOf: { '@id': `${settings.url}/blog` },
- license: 'https://creativecommons.org/licenses/by-sa/4.0/deed.fr',
- mainEntityOfPage: { '@id': `${thematicUrl}` },
- subjectOf: { '@id': `${settings.url}/blog` },
- };
-
- const schemaJsonLd: Graph = {
- '@context': 'https://schema.org',
- '@graph': [webpageSchema, articleSchema],
- };
-
- return (
- <>
- <Head>
- <title>{thematic.seo.title}</title>
- <meta name="description" content={thematic.seo.metaDesc} />
- <meta property="og:url" content={`${thematic}`} />
- <meta property="og:type" content="article" />
- <meta property="og:title" content={thematic.title} />
- <meta property="og:description" content={thematic.intro} />
- </Head>
- <Script
- id="schema-thematic"
- type="application/ld+json"
- dangerouslySetInnerHTML={{ __html: JSON.stringify(schemaJsonLd) }}
- />
- <article
- id="thematic"
- className={`${styles.article} ${styles['article--no-comments']}`}
- >
- <PostHeader intro={thematic.intro} meta={meta} title={thematic.title} />
- <Sidebar
- position="left"
- ariaLabel={intl.formatMessage({
- defaultMessage: 'Table of Contents',
- description: 'ThematicPage: ToC sidebar aria-label',
- id: 'YwvYfw',
- })}
- >
- <ToC />
- </Sidebar>
- <div className={styles.body}>
- <div dangerouslySetInnerHTML={{ __html: thematic.content }}></div>
- {thematic.posts.length > 0 && (
- <section className={styles.section}>
- <h2>
- {intl.formatMessage(
- {
- defaultMessage: 'All posts in {name}',
- description: 'ThematicPage: posts list title',
- id: 'P7fxX2',
- },
- { name: thematic.title }
- )}
- </h2>
- <ol className={styles.list}>{getPostsList()}</ol>
- </section>
- )}
- </div>
- <Sidebar
- position="right"
- ariaLabel={intl.formatMessage({
- defaultMessage: 'Sidebar',
- description: 'ThematicPage: right sidebar aria-label',
- id: 'syLgY9',
- })}
- >
- <RelatedTopics topics={relatedTopics.current} />
- <ThematicsList
- initialData={allThematics}
- title={intl.formatMessage({
- defaultMessage: 'Others thematics',
- description: 'ThematicPage: thematics list widget title',
- id: 'norrGp',
- })}
- />
- </Sidebar>
- </article>
- </>
- );
-};
-
-Thematic.getLayout = getLayout;
-
-interface PostParams extends ParsedUrlQuery {
- slug: string;
-}
-
-export const getStaticProps: GetStaticProps = async (
- context: GetStaticPropsContext
-) => {
- const { locale } = context;
- const translation = await loadTranslation(locale);
- const { slug } = context.params as PostParams;
- const thematic = await getThematicBySlug(slug);
- const allThematics = await getAllThematics();
- const breadcrumbTitle = thematic.title;
-
- return {
- props: {
- allThematics,
- breadcrumbTitle,
- locale,
- thematic,
- translation,
- },
- };
-};
-
-export const getStaticPaths: GetStaticPaths = async () => {
- const allSlugs = await getAllThematicsSlug();
- const paths = getFormattedPaths(allSlugs);
-
- return {
- paths,
- fallback: true,
- };
-};
-
-export default Thematic;